<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>表单文本框</title>
	</head>

	<body>
		<form method="post" action="#">
			<p>
				名字:
				<input type="text" value="" name="name" size="2" />
			</p>
			<p>
				姓氏:
				<input name="lname" value="" type="text" />
			</p>
			<p>
				性别:
				<input name="gen" type="radio" value="男"  checked/>男
				<input name="gen" type="radio" value="女"  checked/>女
				
			</p>
			<p>
				爱好:
				<input name="interest" type="checkbox" value="sports" />运动
				<input name="interest" type="checkbox" value="rede" />读书
				<input name="interest" type="checkbox" value="plan" />打游戏
 			</p>
 			<p>
 				出生日期:
 				<select name="byear">
 					<option value="">[选择年份]</option>
 					<option value="1">1990</option>
 					<option value="2">1991</option>
 					<option value="3">1992</option>
 					<option value="4">1993</option>
 					<option value="5" selected>1994</option>
 					<option value="6">1995</option>
 					<option value="7">1996</option>
 					<option value="8">1997</option>
 					<option value="9">1998</option>
 					<option value="10">1999</option>
 					<option value="11">2000</option>
 				</select>年
 				<select name="bmon">
 					<option value="">[选择月份]</option>
 					<option value="1">一月</option>
 					<option value="2">二月</option>
 					<option value="3">三月</option>
 					<option value="4">四月</option>
 					<option value="5">五月</option>
 					<option value="6">六月</option>
 					<option value="7">七月</option>
 					<option value="8">八月</option>
 					<option value="9">九月</option>
 					<option value="10" selected>十月</option>
 					<option value="11">十一月</option>
 					<option value="12">十二月</option>
 				</select>月
 				<select name="nday">
 					<option value="">[选择日期]</option>
 					<option value="1">初一</option>
 					<option value="2">初二</option>
 					<option value="3" selected>初三</option>
 					<option value="4">初四</option>
 					<option value="5">初五</option>
 					<option value="6">初六</option>
 					<option value="7">初七</option>
 					<option value="8">初八</option>
 					<option value="9">初九</option>
 					<option value="10">十号</option>
 					<option value="11">十一号</option>
 					<option value="12">十二号</option>
 					<option value="13">十三号</option>
 					<option value="14">十四号</option>
 					<option value="15">十五号</option>
 					<option value="16">十六号</option>
 					<option value="17">十七号</option>
 					<option value="18">十八号</option>
 					<option value="19">十九号</option>
 					<option value="20">二十号</option>
 					<option value="21">二十一号</option>
 					<option value="22">二十二号</option>
 					<option value="23">二十三号</option>
 					<option value="24">二十四</option>
 					<option value="25">二十五</option>
 					<option value="26">二十六</option>
 					<option value="27">二十七</option>
 					<option value="28">二十八</option>
 					<option value="29">二十九</option>
 					<option value="30">三十</option>
 				</select>日
 			</p>
 			<p>
				请输入数字
				<input type="number" name="num" min="0" max="100" step="5" /><br />
				<input type="range" name="ran" min="0" max="10" step="2"/>
			</p>
			<p>
				请输入你的网址:
				<input type="url" name="userUrl" /><br />
			</p>
			<p>
				请输入搜索的关键词:
				<input type="search" name="sousou" />
				<input type="submit" value="Go" />
			</p>
			
 			<h4>填写个人评价</h4>
			<p>
				<textarea name="textarea" cols="40" rows="6">
					自信、活波、善于思考…
				</textarea>
			</p>
			<p>
				邮箱:
				<input type="email" name="email"/>
			</p>
			
			<p>
				密码:
				<input name="pass" type="password" size="30" />
			</p>
			<p>
				<input type="reset" name="butReset" value="reset按钮" />
				<input type="submit"  name="butSubmit" value="submit按钮"/>
				<input type="button" name="butButton" value="butto按钮" 
					onclick="alert(this.value)"/>
				
			</p>
		</form>
	</body>

</html>